// class类
console.log('============== class类 ==============')

// 案例this指向问题
class Person {
    constructor(username) {
        this.username = username;
        // 获取按钮
        this.btn = document.getElementById("btn");
        // 给此按钮绑定点击事件为info。this.username为未定义
        this.btn.onclick = this.info;
    }

    info() {
        console.log(this)
        console.info("名字是:" + this.username);
    }
}
// 解析：如果是从按钮点击事件执行的info函数那么此时的this就是按钮的dom对象，这时获取this.username则显示未定义。
// 如果是通过创建对象的方式执行info函数此时this就是当前对象，那么这时this.username则可以正常获取。
// this.username正常获取
new Person("HelloWorld").info();